<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>作用域和闭包</title>
</head>
<body>
    <script>
        //创建10个a标签 点击的时候弹出对应的序号
        // var i
        // for(i=0;i<10;i++){
        //     (function(i) {
        //         var a = document.createElement('a');
        //         a.innerHTML = i +'<br>' + '------------------------'  +'<br>' ;
        //         a.addEventListener('click',function(e){
        //             e.preventDefault();
        //             alert(i);
        //         })
        //         document.body.appendChild(a);
        //     })(i);     
        // }  
        
        
        // var i
        // for(i=0;i<10;i++) {
        //     (function(i){
        //         var a = document.createElement('button');
        //         a.innerHTML = i ;
        //         a.addEventListener('click',function(e){
        //             e.preventDefault();
        //             alert(i);
        //         })
        //         document.body.appendChild(a);
        //     })(i);
        // }
        

        // 在 isFirstLoad 函数外面，不可嫩修改 _list 的值
        function isFirstLoad() {
            var _list = [];
            return function(id) {
                if(_list.indexOf(id) >= 0) {
                    return false;
                } else {
                    _list.push(id);
                    return true;
                }
            }
        }

        var fristLoad = isFirstLoad();
        console.log(fristLoad(10));  // true
        console.log(fristLoad(10)); // false
        console.log(fristLoad(20));  // true
        console.log(fristLoad(20));  // false


    </script>
</body>
</html>